<!--<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">

<title>后台管理页面</title>
<link rel="stylesheet"
	  href="../statics/bootstrap-3.3.0/css/bootstrap.css?v">
<link rel="stylesheet"
	  href="../statics/jquery-ui-1.12.1/jquery-ui.css">
<link rel="stylesheet"
	  href="../statics/jquery-ui-1.12.1/jquery-ui.theme.css">
<link rel="stylesheet" href="../statics/css/style.css">
<link rel="stylesheet"
	  href="../statics/css/simpleAlert.css">
<script src="../statics/jquery-1.12.4/jquery-1.12.4.js"></script>
<script src="../statics/js/simpleAlert.js"></script>
<style>
a {
	cursor: pointer
}
</style>
</head>
<body>
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation"
		style="background-color: #dcdcdc">
	<div class="container">
		<div class="navbar-header">
			<a class="navbar-brand" style="font-size: 25px">阳光校园二手交易平台后台管理</a>
		</div>
		
		<div id="navbar" class="navbar-collapse collapse">
			<ul class="nav navbar-nav navbar-right">
				<!--<li><a>${sessionScope.admin.getName()}</a></li>-->
				<li><a id="adminInfo">admin</a></li>
				<li><a id="logoutId" onclick="logout()">退出</a></li>
			</ul>
		</div>
	</div>
	</nav>
	
	<div class="col-md-12" style="height: 50px"></div>
	<div class="container" style="width: 100%; padding: 0px">
		<div class="col-md-2"
			style="background-color: #d2d2d2; height: 92%; padding: 0px;">
			<div style="float: right; width: 100%;">
				<div id="menu1" onclick="menuBar('menu1')" class="admenu"
					align="center">
					<p>
						<B style="font-size: 20px; color: #5c5c5c; cursor: pointer">物品管理</B>
					</p>
				</div>
				
				<div id="menu2" onclick="menuBar('menu2')" class="admenu"
					align="center">
					<p>
						<B style="font-size: 20px; color: #5c5c5c; cursor: pointer">订单管理</B>
					</p>
				</div>
				
				<div id="menu3" onclick="menuBar('menu3')" class="admenu"
					align="center">
					<p>
						<B id="allUser" style="font-size: 20px; color: #5c5c5c; cursor: pointer" >用户管理 </B>
					</p>
				</div>
			</div>
		</div>
		
		<div id="menu-context" class="col-md-10"
			style="background-color: #f3f3f3; height: 92%; padding-left: 0px; padding-right: 30px; float: right;">

			<div id="menu1-context" class="col-md-12" style="display: none">
				<div class="col-md-12" align="center">
					<h3>物品管理</h3>
				</div>
				
				<div class="col-md-12"
					style="background-color: #ffffff; height: 78%; margin: 15px; margin-top: 5px; padding: 20px">
					<div class="col-md-12 r" style="height: 100%; padding: 15px;">
						<div class="col-md-12 column" style="padding-left: 15px;">
							<table  class="table" style="margin-bottom: 0px">
								<thead>
									<tr style="color: #666666">
										<th style="width: 8%">物品Id</th>
										<th style="width: 14%">标题</th>
										<th style="width: 10%">类型</th>
										<th style="width: 15%">发布人</th>
										<th style="width: 24%">发布时间</th>
										<th style="width: 14%">状态</th>
										<th style="width: 15%">操作</th>
									</tr>
								</thead>
							</table>
						</div>
						
						<div class="col-md-12 column"
							style="overflow-y: auto; height: 92%;">
							<table id="goodManage" class="table table-hover" width="100%">
									<tr></tr>
							</table>
						</div>
					</div>
				</div>
			</div>

			<div id="menu2-context" class="col-md-12" style="display: none">
				<div class="col-md-12" align="center">
					<h3>订单管理</h3>
				</div>
				<div class="col-md-12"
					style="background-color: #ffffff; height: 78%; margin: 15px; margin-top: 5px; padding: 20px">
					<div class="col-md-12 r" style="height: 100%; padding: 15px;">
						<div class="col-md-12 column" style="padding-right: 34px;">
							<table class="table" style="margin-bottom: 0px" width="100%">
								<thead>
									<tr style="color: #666666">
										<th style="width: 10%">订单编号</th>
										<th style="width: 15%">卖家</th>
										<th style="width: 10%">物品ID</th>
										<th style="width: 20%">物品名称</th>
										<th style="width: 10%">金额</th>
										<th style="width: 15%">提交时间</th>
										<th style="width: 10%">订单状态</th>
										<th style="width: 10%">操作</th>
									</tr>
								</thead>
							</table>
						</div>
						
						<div class="col-md-12 column"
							style="overflow-y: auto; height: 92%;">
							<table id="orderManage" class="table table-hover" width="100%">
								<tr></tr>
							</table>
						</div>
					</div>
				</div>
			</div>

			<div id="menu3-context" class="col-md-12" style="display: none">
				<div class="col-md-12" align="center">
					<h3>用户管理</h3>
				</div>
				<div class="col-md-12"
					style="background-color: #ffffff; height: 78%; margin: 15px; margin-top: 5px; padding: 20px">
					<div class="col-md-12 r" style="height: 100%; padding: 15px;">
						<div class="col-md-12 column" style="padding-right: 34px;">
							<table class="table" style="margin-bottom: 0px" width="100%">
								<thead>
									<tr style="color: #666666">
										<th style="width: 8%">用户ID</th>
										<th style="width: 10%">用户昵称</th>
										<th style="width: 14%">用户手机号</th>
										<th style="width: 18%">用户邮箱</th>
										<th style="width: 12%">性别</th>
										<th style="width: 14%">注册时间</th>
										<th style="width: 14%">用户状态</th>
										<th style="width: 10%">操作</th>
									</tr>
								</thead>
							</table>
						</div>
						
						<div class="col-md-12 column"
							style="overflow-y: auto; height: 92%;">
							<table id="userTable" class="table table-hover" width="100">
								<tr></tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<footer class="footer">
	<p>
		<a target="_blank"
			href="http://ica1.gdcp.cn/web/loadWebPage.do?1_649_44015038150_3">一路躺平</a>&nbsp;版权所有&nbsp;&nbsp;2019
	</p>
	</footer>

	<script>
    function menuBar(menuId) {
        var menubar = "#" + menuId + "";
        var menu_context = menubar + "-context";
        $(".admenu-b").removeClass("admenu-b").addClass("admenu");
        $(menubar).removeClass("admenu").addClass("admenu-b");
        $("#menu-context > div").slideUp();
        $(menu_context).slideDown();
    }
	</script>

	<script>

		function acllGoodFunc(){
			$.ajax({
				url: "/admin/goodFindAll?time=" + new Date().getTime(),
				type: "GET",
				dataType:"json",
				contentType: "application/json;charset=utf-8",
				cache:false,
				success:function (data) {
					var i;
					for (i = 0; i < data.data.length; i++) {
						$("#goodManage tr:last").after("<tr id='goodid" + data.data[i].id.toString() + "' style='color: #666666'><td style='width: 7%'>" + data.data[i].id + "</td></tr>");
						$("#goodid" + data.data[i].id + " td:last").after("<td style='width: 15%'>" + data.data[i].title + "</td>");
						$("#goodid" + data.data[i].id + " td:last").after("<td style='width: 11%'>" + data.data[i].secondClass + "</td>");
						$("#goodid" + data.data[i].id + " td:last").after("<td style='width: 12%'>" + data.data[i].userId + "</td>");
						$("#goodid" + data.data[i].id + " td:last").after("<td style='width: 26%'>" + data.data[i].createDate.substr(0,data.data[i].createDate.length-10) + "</td>");
						$("#goodid" + data.data[i].id + " td:last").after("<td style='width: 13%'></td>");
						if(data.data[i].saleState == 0) {
							$("#goodid" + data.data[i].id + " td:last").append("销售中");
						}
						if(data.data[i].saleState == 1) {
							$("#goodid" + data.data[i].id + " td:last").append("已卖出");
						}
						if(data.data[i].saleState == 2) {
							$("#goodid" + data.data[i].id + " td:last").append("下架");
						}
						$("#goodid" + data.data[i].id + " td:last").after("<td style='width: 16%'></td>");
						$("#goodid" + data.data[i].id + " td:last").append("<a onClick=" + "deleteGood(" + data.data[i].id.toString() + ")>删除 </a>");
						if(data.data[i].state == 0) {
							$("#goodid" + data.data[i].id + " td:last").append("<a onClick=" + "enableGood(" + data.data[i].id.toString() + ")>上架 </a>");
						}
						if(data.data[i].state == 1) {
							$("#goodid" + data.data[i].id + " td:last").append("<a onClick=" + "disableGood(" + data.data[i].id.toString() + ")>下架 </a>");
						}
					}
				}
			});
		}

		function acllOrderFunc(){
			$.ajax({
				url: "/admin/orderFindAll?time=" + new Date().getTime(),
				type: "GET",
				dataType:"json",
				contentType: "application/json;charset=utf-8",
				cache:false,
				success:function (data) {
					var i;
					for (i = 0; i < data.data.length; i++) {
						$("#orderManage tr:last").after("<tr id='orderid" + data.data[i].id.toString() + "' style='color: #666666'><td style='width: 10%'>" + data.data[i].id + "</td></tr>");
						$("#orderid" + data.data[i].id + " td:last").after("<td style='width: 16%'>" + data.data[i].seller + "</td>");
						$("#orderid" + data.data[i].id + " td:last").after("<td style='width: 10%'>" + data.data[i].goodId + "</td>");
						$("#orderid" + data.data[i].id + " td:last").after("<td style='width: 18%'>" + data.data[i].goodName + "</td>");
						$("#orderid" + data.data[i].id + " td:last").after("<td style='width: 9%'>" + data.data[i].money + "</td>");
						// $("td:last").after("<td style='width: 18%'>" + data.data[i].submitDate.substr(0,data.data[i].createDate.length-10) + "</td>");
						$("#orderid" + data.data[i].id + " td:last").after("<td style='width: 16%'>" + data.data[i].submitDate + "</td>");
						$("#orderid" + data.data[i].id + " td:last").after("<td style='width: 11%'></td>");
						if(data.data[i].status == 1) {
							$("#orderid" + data.data[i].id + " td:last").append("交易中");
						}
						if(data.data[i].status == 2) {
							$("#orderid" + data.data[i].id + " td:last").append("交易完成");
						}
						if(data.data[i].status == 3) {
							$("#orderid" + data.data[i].id + " td:last").append("交易取消");
						}
						$("#orderid" + data.data[i].id + " td:last").after("<td style='width: 12%'></td>");
						$("#orderid" + data.data[i].id + " td:last").append("<a onClick=" + "deleteOrder(" + data.data[i].id.toString() + ")>删除 </a>");
					}
				}
			});
		}
		function allUserFunc(){
			$.ajax({
				url: "/admin/userFindAll?time=" + new Date().getTime(),
				type: "GET",
				dataType:"json",
				contentType: "application/json;charset=utf-8",
				cache:false,
				success:function (data) {
					var i;
					for(i=0; i<data.data.length; i++){
						$("#userTable tr:last").after("<tr id='userid" + data.data[i].id.toString() + "' style='color: #666666'><td style='width: 8%'>" + data.data[i].id + "</td></tr>");
						$("#userid" + data.data[i].id + " td:last").after("<td style='width: 8%'>" + data.data[i].nickName + "</td>");
						$("#userid" + data.data[i].id + " td:last").after("<td style='width: 10%'>" + data.data[i].phoneNumber + "</td>");
						$("#userid" + data.data[i].id + " td:last").after("<td style='width: 19%'>" + data.data[i].email + "</td>");
						$("#userid" + data.data[i].id + " td:last").after("<td style='width: 10%'>" + data.data[i].sex + "</td>");
						$("#userid" + data.data[i].id + " td:last").after("<td style='width: 13%'>" + data.data[i].createDate.substr(0,data.data[i].createDate.length-10) + "</td>");
						$("#userid" + data.data[i].id + " td:last").after("<td style='width: 12%'>" + data.data[i].state + "</td>");
						$("#userid" + data.data[i].id + " td:last").after("<td style='width: 10%'></td>");
						$("#userid" + data.data[i].id + " td:last").append("<a onClick=" + "deleteUser(" + data.data[i].id.toString() + ")>删除 </a>");
						if(data.data[i].state == "1") {
							$("#userid" + data.data[i].id + " td:last").append("<a onClick='disableUser(" + data.data[i].id + ")'> 禁用</a>");
						}
						else{
							$("#userid" + data.data[i].id + " td:last").append("<a onClick='enableUser(" + data.data[i].id + ")'> 激活</a>");
						}
					}
				}
			});
		}
	(async function(){
		acllGoodFunc(function(res){
		});
		// await sleep(1000);
		acllOrderFunc(function(res){
		});
		// await sleep(1000);
		allUserFunc(function(res){
		});

	})();
	function sleep (time) {
		return new Promise((resolve) => setTimeout(resolve, time));
	}

	function logout(){
		Swal.fire({
			type: 'warning', // 弹框类型
			title: '提示', //标题
			text: "确定要退出吗", //显示内容

			confirmButtonColor: '#3085d6',// 确定按钮的 颜色
			confirmButtonText: '确定',// 确定按钮的 文字
			showCancelButton: true, // 是否显示取消按钮
			cancelButtonColor: '#d33', // 取消按钮的 颜色
			cancelButtonText: "取消", // 取消按钮的 文字

			focusCancel: true, // 是否聚焦 取消按钮
			reverseButtons: false  // 是否 反转 两个按钮的位置 默认是  左边 确定  右边 取消
		}).then((isConfirm) => {
			try {
				//判断 是否 点击的 确定按钮
				if (isConfirm.value) {
					$.ajax({
						url: "/admin/logout",
						type: "GET",
						contentType: "application/json;charset=utf-8",
						success:function (data) {
							window.location.href = "/admin/adminLogin.html"
						}
					})
				}
			} catch (e) {
				alert(e);
			}
		});
	}
	</script>

	<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
	<script>
    //user function
    function enableUser(userId) {
		Swal.fire({
			type: 'warning', // 弹框类型
			title: '提示', //标题
			text: "确定要激活此用户吗", //显示内容

			confirmButtonColor: '#3085d6',// 确定按钮的 颜色
			confirmButtonText: '确定',// 确定按钮的 文字
			showCancelButton: true, // 是否显示取消按钮
			cancelButtonColor: '#d33', // 取消按钮的 颜色
			cancelButtonText: "取消", // 取消按钮的 文字

			focusCancel: true, // 是否聚焦 取消按钮
			reverseButtons: false  // 是否 反转 两个按钮的位置 默认是  左边 确定  右边 取消
		}).then((isConfirm) => {
			try {
				//判断 是否 点击的 确定按钮
				if (isConfirm.value) {
					var data = {
						"id":userId
					};
					$.ajax({
						url: "/admin/userActive",
						type: "GET",
						dataType:"json",
						contentType: "application/json;charset=utf-8",
						data:data,
						success:function (data) {
							$("#userid" + userId).find("td:eq(6)").html("1");
							$("#userid" + userId).find("td:eq(7)").html("<a onClick='deleteUser(" + userId + ")'>删除 </a>" +
									"<a onClick='disableUser(" + userId + ")'> 禁用</a>");
							// $("#userid" + userId).find("td:eq(7)").html("<a onClick=" + "deleteUser(" + data.data[i].id.toString() + ")>删除 </a>" +
							Swal.fire("成功", data.message, "success");
						}
					})
				}
			} catch (e) {
				alert(e);
			}
		});
    }
    
    function disableUser(userId) {
		Swal.fire({
			type: 'warning', // 弹框类型
			title: '提示', //标题
			text: "确定要禁用此用户吗", //显示内容

			confirmButtonColor: '#3085d6',// 确定按钮的 颜色
			confirmButtonText: '确定',// 确定按钮的 文字
			showCancelButton: true, // 是否显示取消按钮
			cancelButtonColor: '#d33', // 取消按钮的 颜色
			cancelButtonText: "取消", // 取消按钮的 文字

			focusCancel: true, // 是否聚焦 取消按钮
			reverseButtons: false  // 是否 反转 两个按钮的位置 默认是  左边 确定  右边 取消
		}).then((isConfirm) => {
			try {
				//判断 是否 点击的 确定按钮
				if (isConfirm.value) {
					var data = {
						"id":userId
					};
					$.ajax({
						url: "/admin/userForbidden",
						type: "GET",
						contentType: "application/json;charset=utf-8",
						dataType:"json",
						data:data,
						success:function (data) {
							$("#userid" + userId).find("td:eq(6)").html("0");
							$("#userid" + userId).find("td:eq(7)").html("<a onClick='deleteUser(" + userId + ")'>删除 </a>" +
									"<a onClick='enableUser(" + userId + ")'> 激活</a>");
							Swal.fire("成功", data.message, "success");
						}
					})
				}
			} catch (e) {
				alert(e);
			}
		});
    }

    function deleteUser(userId) {
		Swal.fire({
			type: 'warning', // 弹框类型
			title: '提示', //标题
			text: "确定要删除此用户吗", //显示内容

			confirmButtonColor: '#3085d6',// 确定按钮的 颜色
			confirmButtonText: '确定',// 确定按钮的 文字
			showCancelButton: true, // 是否显示取消按钮
			cancelButtonColor: '#d33', // 取消按钮的 颜色
			cancelButtonText: "取消", // 取消按钮的 文字

			focusCancel: true, // 是否聚焦 取消按钮
			reverseButtons: false  // 是否 反转 两个按钮的位置 默认是  左边 确定  右边 取消
		}).then((isConfirm) => {
			try {
				//判断 是否 点击的 确定按钮
				if (isConfirm.value) {
					var id = userId;
					var data = {
						"id":id
					};
					console.log(data);
					$.ajax({
						url: "/admin/userDelete",
						type: "GET",
						contentType: "application/json;charset=utf-8",
						dataType:"json",
						data:data,
						success:function (data) {
							$("#userid" + userId.toString()).remove();
							Swal.fire("成功", data.message, "success");
						}
					})
				}
			} catch (e) {
				alert(e);
			}
		});
    }

	</script>

	<script>
    // order function
    function deleteOrder(orderId) {
		Swal.fire({
			type: 'warning', // 弹框类型
			title: '提示', //标题
			text: "确定要删除此订单吗", //显示内容

			confirmButtonColor: '#3085d6',// 确定按钮的 颜色
			confirmButtonText: '确定',// 确定按钮的 文字
			showCancelButton: true, // 是否显示取消按钮
			cancelButtonColor: '#d33', // 取消按钮的 颜色
			cancelButtonText: "取消", // 取消按钮的 文字

			focusCancel: true, // 是否聚焦 取消按钮
			reverseButtons: false  // 是否 反转 两个按钮的位置 默认是  左边 确定  右边 取消
		}).then((isConfirm) => {
			try {
				//判断 是否 点击的 确定按钮
				if (isConfirm.value) {
					var data = {
						"id" : orderId
					};
					$.ajax({
						url: "/admin/orderDelete",
						type: "GET",
						dataType:"json",
						contentType: "application/json;charset=utf-8",
						data:data,
						success:function (data) {
							$("#orderid" + orderId.toString()).remove();
							Swal.fire("成功", data.message, "success");

						}
					})
				}
			} catch (e) {
				alert(e);
			}
		});
    }

	</script>

	<script>
    // good function
    function deleteGood(goodId) {
		Swal.fire({
			type: 'warning', // 弹框类型
			title: '提示', //标题
			text: "确定要删除此商品吗", //显示内容

			confirmButtonColor: '#3085d6',// 确定按钮的 颜色
			confirmButtonText: '确定',// 确定按钮的 文字
			showCancelButton: true, // 是否显示取消按钮
			cancelButtonColor: '#d33', // 取消按钮的 颜色
			cancelButtonText: "取消", // 取消按钮的 文字

			focusCancel: true, // 是否聚焦 取消按钮
			reverseButtons: false  // 是否 反转 两个按钮的位置 默认是  左边 确定  右边 取消
		}).then((isConfirm) => {
			try {
				//判断 是否 点击的 确定按钮
				if (isConfirm.value) {
					var data = {
						"id": goodId
					};
					$.ajax({
						url: "/admin/goodDelete",
						type: "GET",
						dataType: "json",
						contentType: "application/json;charset=utf-8",
						data: data,
						success: function (data) {
							$("#goodid" + goodId.toString()).remove();
							Swal.fire("成功", data.message, "success");
						}
					})
				}
			} catch (e) {
				alert(e);
			}
		});
	}
	function enableGood(goodId) {
		Swal.fire({
			type: 'warning', // 弹框类型
			title: '提示', //标题
			text: "确定要上架此商品吗", //显示内容
			confirmButtonColor: '#3085d6',// 确定按钮的 颜色
			confirmButtonText: '确定',// 确定按钮的 文字
			showCancelButton: true, // 是否显示取消按钮
			cancelButtonColor: '#d33', // 取消按钮的 颜色
			cancelButtonText: "取消", // 取消按钮的 文字
			focusCancel: true, // 是否聚焦 取消按钮
			reverseButtons: false  // 是否 反转 两个按钮的位置 默认是  左边 确定  右边 取消
		}).then((isConfirm) => {
			try {
				//判断 是否 点击的 确定按钮
				if (isConfirm.value) {
					var data = {
						"id" : goodId
					};
					$.ajax({
						url: "/admin/goodOn",
						type: "GET",

						contentType: "application/json;charset=utf-8",
						data:data,
						success:function (data) {
							$("#goodid" + goodId).find("td:eq(5)").html("交易中");
							$("#goodid" + goodId).find("td:eq(6)").html("<a onClick='deleteGood(" + goodId + ")'>删除 </a>" +
									"<a onClick='disableGood(" + goodId + ")'> 下架</a>");
							Swal.fire("成功", data.message, "success");
						}
					})
				}
			} catch (e) {
				alert(e);
			}
		});
	}

    function disableGood(goodId) {
		Swal.fire({
			type: 'warning', // 弹框类型
			title: '提示', //标题
			text: "确定要下架此商品吗", //显示内容
			confirmButtonColor: '#3085d6',// 确定按钮的 颜色
			confirmButtonText: '确定',// 确定按钮的 文字
			showCancelButton: true, // 是否显示取消按钮
			cancelButtonColor: '#d33', // 取消按钮的 颜色
			cancelButtonText: "取消", // 取消按钮的 文字
			focusCancel: true, // 是否聚焦 取消按钮
			reverseButtons: false  // 是否 反转 两个按钮的位置 默认是  左边 确定  右边 取消
		}).then((isConfirm) => {
			try {
				//判断 是否 点击的 确定按钮
				if (isConfirm.value) {
					var data = {
						"id" : goodId
					};
					$.ajax({
						url: "/admin/goodOff",
						type: "GET",
						dataType:"json",
						contentType: "application/json;charset=utf-8",
						data:data,
						success:function (data) {
							$("#goodid" + goodId).find("td:eq(5)").html("已下架");
							$("#goodid" + goodId).find("td:eq(6)").html("<a onClick='deleteGood(" + goodId + ")'>删除 </a>" +
									"<a onClick='enableGood(" + goodId + ")'> 激活</a>");
							Swal.fire("成功", data.message, "success");
						}
					})
				}
			} catch (e) {
				alert(e);
			}
		});
    }
	</script>
	<script src="../statics/bootstrap-3.3.0/js/bootstrap.js"></script>
	<script src="../statics/jquery-ui-1.12.1/jquery-ui.js"></script>
	<script
	src="../statics/jquery-ui-1.12.1/datepicker-zh-CN.js"></script>

</body>
</html>
